<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <title>家苑充电·回家就充</title>

  <link rel="stylesheet" type="text/css" href="./index.css">
</head>
<body>
  <div id="root" onclick="bodyClick()">
    <div class="content">
      <img src="./bg1.png" alt="" class="bg">
      <img src="./bg2.png" alt="" class="bg">
      <img src="./bg3.png" alt="" class="bg">
      <video width="100%" style="margin-top: 10px;" controls>
        <source src="https://homecharge.liaoqianapp.com/video/introVideo.mp4" type="video/mp4">
        您的浏览器不支持 video 标签。
      </video>

      <img src="./bg5.png" alt="" class="bg">
      <div class="form">
        <div class="card">
          <div class="card-header">如果您对新能源这个行业感兴趣 欢迎您的加入</div>
          <div class="card-cell">
            <div class="cell-label">
              <span>您的姓名</span>
              <span class="err-tip" id="nameErr">请填写您的姓名</span>
            </div>
            <input id="username" placeholder="请输入" />
          </div>
          <div class="card-cell">
            <div class="cell-label">
              <span>您的电话</span>
              <span class="err-tip" id="phoneErr">请填写正确格式的手机号</span>
            </div>
            <input id="telephone" placeholder="请输入">
          </div>
          <div class="card-cell">
            <div class="cell-label">是否有意向到公司实地考察</div>
            <div class="radio">
              <div class="radio-item" onclick="setIntence(1)">
                <img src="./radio.png" id="intence1" alt="" class="radio-icon">
                <span>有意向</span>
              </div>
              <div class="radio-item" onclick="setIntence(2)">
                <img src="./radio-check.png" alt="" id="intence2" class="radio-icon">
                <span>暂无意向</span>
              </div>
            </div>
          </div>
          <div class="card-cell">
            <div class="cell-label">
              <span>您想投在哪个城市</span>
              <span class="err-tip" id="cityErr">请填写您想投的城市</span>
            </div>
            <input id="cityName" placeholder="请输入">
          </div>
          <div class="card-cell" style="border-bottom: 0;">
            <div class="cell-label">选择合作模式</div>
            <div class="radio">
              <div class="radio-item" onclick="setWorkType(1)">
                <img src="./radio.png" id="workType1" alt="" class="radio-icon">
                <span>资金方</span>
              </div>
              <div class="radio-item" onclick="setWorkType(2)">
                <img src="./radio-check.png" alt="" id="workType2" class="radio-icon">
                <span>场地方</span>
              </div>
              <div class="radio-item" onclick="setWorkType(3)">
                <img src="./radio.png" alt="" id="workType3" class="radio-icon">
                <span>2者兼是</span>
              </div>
            </div>
            <div class="select" id="itemType" onclick="toggleVisible()">
              <span id="itemTypeLabel">区/县政府相关部门</span>
              <div class="options">
                <div class="options-item" onclick="setItemType('区/县政府相关部门')">区/县政府相关部门</div>
                <div class="options-item" onclick="setItemType('小区业主委会')">小区业主委会</div>
                <div class="options-item" onclick="setItemType('小区物业公司')">小区物业公司</div>
                <div class="options-item" onclick="setItemType('私人停车场主')">私人停车场主</div>
                <div class="options-item" onclick="setItemType('新能源车主')">新能源车主</div>
                <div class="options-item" onclick="setItemType('厂矿企业主')">厂矿企业主</div>
                <div class="options-item" onclick="setItemType('其他')">其他</div>
              </div>
            </div>
          </div>
          <div class="tip tip-oth" id="tip-one">
            <img src="./info.png" alt="" class="tip-img">
            <span>如果您正好是新能源车主、小区物业公司、厂矿企业、停车场主，可以选择成为场地方，只需投资场地即可参与股份分红，享40%~50%的佣金收益</span>
          </div>
          <div class="tip tip-one" id="tip-two">
            <img src="./info.png" alt="" class="tip-img">
            <span>如果您正好是新能源车主、小区物业公司、厂矿企业、停车场主，可以选择成为场地方，只需投资场地即可参与股份分红，享5%~10%的佣金收益</span>
          </div>
          <div class="tip tip-oth" id="tip-third">
            <img src="./info.png" alt="" class="tip-img">
            <span>如果您正好是新能源车主、小区物业公司、厂矿企业、停车场主，可以选择成为场地方，只需投资场地即可参与股份分红，享5%~50%的佣金收益</span>
          </div>
          <div class="submit-btn" onclick="submit()">立即获取合作名额</div>
        </div>
      </div>
      <img src="./bg4.png" alt="" class="bg">
    </div>
  </div>
  <div class="error" id="error" onclick="hideError()">
    <div class="error-card">
      <img class="error-img" id="error-img" src="./success.png" />
      <div class="error-text" id="error-text">您已成功提交信息</div>
      <img class="error-close" onclick="hideError()" src="./close-icon.png" />
    </div>
  </div>
  <script src="./index.js"></script>
</body>
</html>